<template>
  <div id="app">
    <!-- <topnav></topnav> -->
    <Totop />
    <div id="nav10">
      <topnav></topnav>
    </div>
    <router-view />
    <div class="bottom1">
      <Footer></Footer>
    </div>
  </div>
</template>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
}
#nav {
  height: 60px;
  width: 100%;
  background-color: rgb(255, 255, 255);
  border-bottom: 1px solid #ccc;
}
.bottom1 {
  height: 120px;
  background-image: url("https://assets-cdn.lanqb.com/imgv3/image/hd-footerbg.jpg?format/webp");
}
</style>

<script>
import Totop from "@/components/Totop.vue";
import topnav from "@/components/Topnav.vue";
import Footer from "@/components/Footer.vue";

export default {
  components: {
    topnav,
    Footer,
    Totop
  },
};
</script>
<style lang="scss" >
#nav10{
  position: sticky;
  top: 0;
  z-index: 99;
}
* {
  margin: 0;
  padding: 0;
}
</style>
